import React from 'react';
import './App.css';
import { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';
// 导入UI组件库的样式
import 'semantic-ui-css/semantic.min.css'
// 导入UI组件
// import { Button } from 'semantic-ui-react';
import axios from 'axios';
import Login from './Login.js';
import Main from './module/Main.js';
import AuthCheck from './AuthCheck.js';

axios.defaults.baseURL = 'http://47.96.21.88:8086/';
// 请求拦截器
axios.interceptors.request.use(function(config) {
  // 如果是登录接口，是不需要携带token
  if(!config.url.endsWith('/login')) {
    // 在请求头携带token
    config.headers.Authorization = sessionStorage.getItem('mytoken');
  }
  return config;
});
// 响应拦截器
axios.interceptors.response.use(function(res) {
  // 对响应的数据结果进行加工处理
  return res.data;
});

// function Login() {
//   return (
//     <div>
//       <Button size='big' primary>点击</Button>
//     </div>
//   )
// }

// function Home() {
//   return <div>主页</div>
// }

function Abc() {
  return <div>abc</div>
}


// function authCheck() {
//   let token = sessionStorage.getItem('mytoken');
//   console.log(token)
//   if(!token) {
//     // 没有登录，跳转到登录页面
//     return <Redirect to='/login'/>
//   }
//   return <div>test</div>
// }

function App() {
  return (
    <BrowserRouter>
      {/*配置路由映射*/}
      <Switch>
        <Route path='/login' component={ Login }/>
        <Route path='/home' component={ Main }/>
        <AuthCheck path='/abc' component={ Abc }/>
        <Redirect from='/' to='/login'/>
      </Switch>
    </BrowserRouter>
  );
}

export default App;
